<template>
  <basic-container v-loading="loading">
    <div class="el-page-header haruyuki-mb-20">
      <div
        class="el-page-header__left haruyuki-flex-center haruyuki-size-18"
        @click="goBack"
      >
        <i class="el-icon-arrow-left"></i>
        <div class="haruyuki-size-16">返回</div>
      </div>
      <div class="el-page-header__content haruyuki-flex-center">
        <el-image
          style="width: 20px; height: 20px"
          src="/img/merchant-icon/store_mini.png"
          fit="fill"
        ></el-image>
        <span class="haruyuki-ml-6">{{ storeName }}</span>
      </div>
    </div>

    <module-cashier />
  </basic-container>
</template>

<script>
import moduleCashier from "../component/module_cashier";
export default {
  components: {
    moduleCashier,
  },
  data() {
    return {
      storeName: ''
    };
  },
  created() {
    this.getStoreInfo();
  },
  methods: {
    /**
     * @func 获取门店信息
     * @desc 获取门店信息 门店名称 rpsName
     * */
    getStoreInfo() {
      this.storeName = this.$route.query.rpsName;
    },
    /**
     * @func 返回页面
     * @desc 返回页面 goBack
     * */
    goBack() {
      this.$router.$avueRouter.closeTag();
      this.$router.back();
    },
  }
};
</script>

<style>
</style>